<body>

	<div id="phoneGallery" >
    
    <div class="galleryRight"></div>
    	
    	<div class="wizard">
            <a href="<?php  echo site_url('gallery'); ?>" class="current done">
            <span class="wiz1 "></span>
                 <p>Pick a gadget</p>
            </a>
            <a href="<?php  echo site_url('promo'); ?>" class="current">
             <span class="wiz2 "></span>
                 <p>Choose your promo</p>
            </a>
            <a href="<?php  echo site_url('prepaid'); ?>" class="">
             <span class="wiz3"></span>
                 <p>Enter your mobile number</p>
            </a>
            <a href="<?php  echo site_url('userprofile'); ?>" class=" ">
             <span class="wiz4"></span>
                 <p>Complete your profile</p>
            </a>
            <a href="<?php  echo site_url('globestore'); ?>" class="width100">
             <span class="wiz5"></span>
                 <p class="abs">Select your preferred Globe Store branch for handset pickup	</p>
            </a>
        </div>
    
    	<div class="mobileHeader">
            <h5 class="textBlue">Pick a gadget</h5>
            <h5 class="textBlue">Choose your promo</h5>
            <h5 class="hidden textBlue">Enter your mobile number</h5>
            <h5 class="hidden textBlue">Complete your profile</h5>
            <h5 class="hidden textBlue">Select your preferred Globe Store branch for handset pickup	</h5>
      </div>
    
    <div class="clear"></div>
    
    
    <div class="width960c">
    
    	<div class="deviceInfosIns marg40 floatLeft">
                		<div  class="deviceBox active">
                        	<p><b>Gadget:</b><p>
                            <p><?php if(isset($_COOKIE['gadget'])) echo $_COOKIE['gadget']; ?> - P<?php if(isset($_COOKIE['price'])) echo $_COOKIE['price']; ?></p>
                        </div>
                 
                		<div class="promoBox">
                        	<p><b>Promo:</b><p>
                            <p id="promo">None</p>
                        </div>
                        
                        <div class="commitmentBox">
                       	    <p><b>Registration Period and Savings:</b><p>
                            <p id="commitmentBox">None</p>
                        </div>
                        
                        <div class="prepaidBox">
                        	<p><b>Mobile Number:</b><p>
                            <p>None</p>
                        </div>
                        
                        <div class="profileBox">
                        	<p><b>Profile:</b><p>
                            <p>None</p>
                        </div>
                        
                        <div class="storeBox">
                       		<p><b>Globe Store Branch:</b><p>
                            <p>None</p>
                        </div>    
            </div>
            
            
            <div class="floatLeft boxRight">
            
            	<div id="promoType"><!---FIRST--->

                    <p class="header30">Choose promo type</p>
                    
                    <p class="text14">Now it's time to choose the promo that you can use the gadget!</p>
                
                
                    <div id="promoType-inner" class="marg20 alignCenter">
					
                    </div>
            	</div><!---FIRST--->
            
            
            	<div id="validity" class="marg40"><!---SECOND--->
                	<p class="header30">Choose validity period</p>
                    
                    <p class="text14">You can choose promo validity of 7 days, 15 days or 30 days</p>
              
               
                 <div id="validity-inner" class="alignCenter marg20">

                 </div>
                </div><!---SECOND--->
                  
                <div id="choosePromo" class="marg40"><!---THIRD--->
                	<p class="header30">Choose promo details</p>
                    
                    <p class="text14">Choose the promo that fits your budget. </p>
               
                
                 <div id="choosePromo-inner" class="alignCenter marg20">                
                        
                  </div>
				</div><!---THIRD--->
                
                <div id="commitment" class="marg40"><!---FOURTH--->
                	<p class="header30">Choose rebate and registration period
</p>
                    
                    <p class="text14">Get your money back through GCash rebates every time you register during the registration period. That way, you can get your device almost free!
</p>
                
                
                 <div id="commitment-inner" class="alignCenter marg20">
				 
                  </div>
				</div><!---FOURTH--->
              
              	<div id="promoConfirm">
                	<span class="triangle"></span>
                	<div class="blueShade">
                    	<h1>Summary</h1>
                    	
                        
                        <div class="floatLeft"> 
                        	<p class="text20"><b>Promo Details</b></p>
                           <ul>
                                <li><span class="summary-promoname">ALLNET 300</span>
                                <p>With <span id="summary-desc">unlimited texts to all networks, 60 minutes of calls 
                                and 50MB</span> data.</p>
                                <p>Valid for <span id="summary-validity">15 days</span>.</p>
                                <p>Must register twice a month throughout the registration 
                                period.</p>
                                </li>
                              </ul>
                              
                              
                              
                              <p class="text20"><b>Rebate and Registration Period</b></p>
                               <ul>
                               <li><span id="summary-months">12 months</span></li>
                               <li> Total rebate of <span class="summary-totalrebate">P855</span>
                                <p>(<span id="summary-rebateamt">P21</span> per registration to <span class="summary-promoname">ALLNET 300</span>)</p></li>
                              
                              </ul>
                        </div>
                        
                        <div class="floatRight">
                        	<div class="lightBlueShade">
                        		<p class="text14">Upon pick up of your gadget, total cash out required is:</p>
                            <table>
                            <tbody>
                           <tr class="text14"> 
                           <td ><?php if(isset($_COOKIE['gadget'])) echo $_COOKIE['gadget']; ?></td>	 
                           <td>: </td>   
                           <td><span class="summary-gadgetprice">P<?php if(isset($_COOKIE['price'])) echo substr($_COOKIE['price'],0,-3); ?></span></td>
                           </tr>
                           <tr class="text14"> 
                           <td><span class="summary-promoname">ALLNET 300</span></td>
                           <td>	: </td>	     
                           <td><span class="summary-promoprice">P 300</span></td>
                           </tr>
                          
                             <tr class="text18 height40 fontBold"> 
                           <td>Total Cash Out</td>
                           <td></td>
                           <td><span class="summary-totalcash">P2,800</span></td>	
                           </tr>
                           </tbody>  
                            </table>
                           
                        	</div>
                            
                            <div class="lightBlueShade marg20Top">
                        		<p class="text14">After your rebates, your discounted handset price is:
</p>
                            <table>
                            <tbody>
                           <tr class="text14"> 
                           <td ><?php if(isset($_COOKIE['gadget'])) echo $_COOKIE['gadget']; ?></td>	 
                           <td>: </td>   
                           <td> P<?php if(isset($_COOKIE['price'])) echo substr($_COOKIE['price'],0,-3); ?></td>
                           </tr>
                           <tr class="text14"> 
                           <td>Total Rebate</td>
                           <td>	: </td>	     
                           <td><span class="summary-totalrebate">P855</span></td>
                           </tr>
                           
                             <tr class="text18 height40 fontBold"> 
                           <td>Discounted Handset Price</td>
                           <td></td>
                           <td><span class="summary-discounted">P1,645</span></td>	
                           </tr>
                           </tbody>  
                            </table>
                           
                        	</div>
                            
                            
                        </div>
                    
                        <div class="clear"></div>                                                       
                                                                            <div class="alignCenter">
                                                                                        	<a href="http://goplay.globe.com.ph/maitaidevportal/index.php/prepaid" id="btn_ProceedOrder" class="buttonBlue marg20"><span class="iconArrowWhite"></span>Proceed with this order</a>
                                                                                        </div>
                	</div>
                </div>
              
              
               
            </div><!---BOX RIGHT END---> 
            
            <div class="clear"></div>
            
            </div>            
       </div>
</body>
